<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<style type="text/css">
.ddl2codeButton{
	padding-left:5px;
	padding-top:5px;
}
.ddl2codeContent{
	padding-left:5px;
}
</style>

<script type="text/javascript">
var ddl2codeStep = 1;
var ddl2codeFrom3 = false;

$(function(){
	$('#ddl2code_prev').hide();
	$('#ddl2code_step2').css('display', 'none');
	$('#ddl2code_step3').css('display', 'none');
});

function ddl2Code(step){
	if(step == 2){
		if(!$.trim($('#ddl4code').val())){
			showErrorMessage('请输入ddl语句');
			ddl2codeStep--;
			return;
		}

		$('#ddl2code_step1').css('display', 'none');
		$('#ddl2code_step2').css('display', 'block');
		$('#ddl2code_step3').css('display', 'none');
		
		$('#ddl2code_step2').show();
		if(!ddl2codeFrom3){
			$('#ddl2code_step2').load('page/ddl2code_step2.dox', {'ddl':$('#ddl4code').val()});
		}
		
		$('#ddl2code_prev').show();
		$('#ddl2code_next').show();
		$('#ddl2code_clear').hide();
		
		$('#ddl2code_next').val('生成');
		
	}else if(step == 3){
		var checked = false;
		
		$('#ddl2code_form').children().find('input[type="checkbox"]').each(function(){
			checked = checked || $(this).is(':checked');
		});
		
		if(checked){
			$.ajax({
				type: "post",
				dataType: "html",
				url: 'page/ddl2code_step3.dox',
				data: $('#ddl2code_form').serialize(),
				success: function(data){
					ddl2codeFrom3 = true;
					
					$('#ddl2code_step1').css('display', 'none');
					$('#ddl2code_step2').css('display', 'none');
					$('#ddl2code_step3').css('display', 'block');
	
					$('#ddl2code_next').val('返回');
					
					$('#ddl2code_step3').html(data);
				},
				error: function(data){
					showErrorMessage('生成失败');
				}
			});
		}else{
			ddl2codeStep--;
			showErrorMessage('请选择查询字段');
		}
	}else{
		$('#ddl2code_step1').css('display', 'block');
		$('#ddl2code_step2').css('display', 'none');
		$('#ddl2code_step3').css('display', 'none');
		
		$('#ddl2code_prev').hide();
		$('#ddl2code_next').show();
		$('#ddl2code_clear').show();
		
		$('#ddl2code_next').val('下一步');
		
		ddl2codeFrom3 = false;
		ddl2codeStep = 1;
	}
}
</script>
<h1>根据建表语句(DDL)生成查询类及MyBatis配置文件</h1>

<div id="ddl2code_step1" class="ddl2codeContent">
<h2>步骤1：输入DDL</h2>
<div>点击&nbsp;<a target="_blank" href="ddl_demo.html">这里</a>&nbsp;查看ddl示例</div>
<table>
	<tr>
		<td style="width:50%">域对象所在模块的名字<input id="ddl2code_domainModule" type="text" placeholder="common""/></td>
		<td>DAO所在模块的名字<input id="ddl2code_mapperModule" type="text" placeholder="mobile"/></td>
	</tr>
</table>
<ul>
<li>必须只有一个自增主键</li>
</ul>
<textarea id="ddl4code" style="width:90%;height:500px"></textarea><br/>
</div>

<div id="ddl2code_step2">
<img alt="请稍候..." src="resources/images/loading.gif">
</div>

<div id="ddl2code_step3">
<img alt="请稍候..." src="resources/images/loading.gif">
</div>

<div class="ddl2codeButton">
<input type="button" id="ddl2code_prev" value="上一步" onclick="ddl2Code(--ddl2codeStep);"/>
<input type="button" id="ddl2code_next" value="下一步" onclick="ddl2Code(++ddl2codeStep);"/>
<input type="button" id="ddl2code_clear" value="清空" onclick="clearInput('#ddl4code');"/>
</div>
